<template>
  <div class="common-pane-box">
    <a-row :gutter='12'>
      <a-col :span="8">
        <SaSelectTree
          v-model="value"
          :data-source="managerTreeData"
          :replaceFields="replaceFields"/>
      </a-col>
      <a-col :span="8">
        <pre>
          {{ value }}
        </pre>
      </a-col>
    </a-row>
  </div>
</template>

<script>
import SaSelectTree from '@/components/select/sa-selet-tree/SaSelectTree'
import { QG_QH_TREE_DATA } from '@/mock/tree-data'

export default {
  name: 'SelectTreeView',
  components: {
    SaSelectTree
  },
  data() {
    return {
      value: '110113'
    }
  },
  computed: {
    replaceFields () {
      return {
        title: 'text',
        value: 'code',
        key: 'code',
        children: 'children'
      }
    },
    managerTreeData () {
      return QG_QH_TREE_DATA
    }
  },
  mounted () {
    
  },
  methods: {
    handleDealTreeData() {
      
    },
    getTreeNode() {
      
    },
  },
}
</script>

<style lang="scss" scoped>

</style>